﻿<!DOCTYPE html>
<html>
<head>
<title>退租办理</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>第一步：老人信息查询</h3>
  <ul>
    <li><span class="tit" style="width:70px;">选择对象：</span></li>
    <li style="line-height:36px;"><span>
      <input type="text" placeholder="请输入长者姓名或身份证" id="searchVal" style="width:220px;position:absolute;top:0;left:0;"/>
      </span><span style="position:absolute;left:235px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="findLease();" style="height:36px;" />
      </span></li>
  </ul>
  <div style="clear:both;"></div>
  <h3>长者：</h3>
  <div style="margin:0;padding:0;" id="vue_vm_list">
    <div style="margin:0;padding:0;" v-for="todo in todos">
      <ul v-if="todo.elderForm.elderType!='1'">
        <li><span>{{todo.elderForm.name}}（院外长者）</span></li>
      </ul>
      <ul v-if="todo.elderForm.elderType=='1'">
        <li><span>{{todo.elderForm.name}}（院内长者）</span></li>
        <li><span>{{todo.elderBeHospitalForm.buildingName}}{{todo.elderBeHospitalForm.floorName}}{{todo.elderBeHospitalForm.roomNumber}}室{{todo.elderBeHospitalForm.bedNumber}}床</span></li>
        <li><span style="color:#ff0000;">科室负责人：{{todo.elderBeHospitalForm.name}}</span></li>
        <li><span style="color:#ff0000;">目前状态：{{todo.elderBeHospitalForm.beStatus=='0'?'正在住院':(todo.elderBeHospitalForm.beStatus=='1'?'正在出院':'已出院')}}</span></li>
      </ul>
      <ul>
        <li><span><a v-bind:href="'2-1-1basedata-geren.html?elderId='+todo.elderForm.elderId" target="_blank">个人资料</a></span></li>
        <li><span><a v-bind:href="'2-1-1basedata-jiaren.html?elderId='+todo.elderForm.elderId" target="_blank">家属资料</a></span></li>
        <li><span><a v-bind:href="'2-1-1basedata-lianxi.html?elderId='+todo.elderForm.elderId" target="_blank">紧急联系人资料</a></span></li>
      </ul>
      <ul>
        <li style="color:#0000ff;"><span style="margin-right:20px;">资料录入：</span><span style="margin-right:10px;">{{todo.createName}}</span><span style="margin-right:10px;">{{todo.createTime}}</span></li>
      </ul>
      <div style="clear:both;"></div>
      <h3>租赁信息：</h3>
      <div style="margin:0;padding:0;" v-for="leaseForm in todo.leaseForms">
        <div v-bind:id="leaseForm.leaseId + '_row'">
          <ul>
            <li><span class="tit" style="width:70px;"></span></li>
            <li style="width:200px;"><span>{{leaseForm.leaseSupplyForm.suppliesName}}（{{leaseForm.leaseType=='1'?'院内租赁':'院外租赁'}}）</span></li>
            <li><span style="width:150px;color:#009688;">型号：{{leaseForm.leaseSupplyForm.model}}</span></li>
            <li><span style="width:150px;color:#009688;">押金：{{leaseForm.leaseSupplyForm.cashPledge}}</span></li>
            <li><span style="width:170px;color:#009688;">租金：{{leaseForm.leaseSupplyForm.rent}}元/天</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">租赁日期：</span></li>
            <li><span>{{leaseForm.leaseStartTime}}至{{leaseForm.leaseEndTime?leaseForm.leaseEndTime:"未知"}}</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">租赁时长：</span></li>
            <li><span style="font-size:16px;color:#ff0000;">{{leaseForm.leaseEndTime?dateDiff(leaseForm.leaseEndTime,leaseForm.leaseStartTime):"未知"}}天</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:70px;">退租日期：</span></li>
            <li style="line-height:36px;"><span>
              <input type="text" placeholder="请输入年" id="returnYear" style="width:100px;;" v-model="leaseForm.returnYear"/>
              年</span></li>
            <li>
              <select id="returnMonth" style="width:90px;" v-model="leaseForm.returnMonth">
                <option value="12">12月</option>
                <option value="11">11月</option>
                <option value="10">10月</option>
                <option value="9">9月</option>
                <option value="8">8月</option>
                <option value="7">7月</option>
                <option value="6">6月</option>
                <option value="5">5月</option>
                <option value="4">4月</option>
                <option value="3">3月</option>
                <option value="2">2月</option>
                <option value="1">1月</option>
              </select>
            </li>
            <li>
              <select id="returnDay" style="width:92px;" v-model="leaseForm.returnDay">
                <option value="31">31日</option>
                <option value="30">30日</option>
                <option value="29">29日</option>
                <option value="28">28日</option>
                <option value="27">27日</option>
                <option value="26">26日</option>
                <option value="25">25日</option>
                <option value="24">24日</option>
                <option value="23">23日</option>
                <option value="22">22日</option>
                <option value="21">21日</option>
                <option value="20">20日</option>
                <option value="19">19日</option>
                <option value="18">18日</option>
                <option value="17">17日</option>
                <option value="16">16日</option>
                <option value="15">15日</option>
                <option value="14">14日</option>
                <option value="13">13日</option>
                <option value="12">12日</option>
                <option value="11">11日</option>
                <option value="10">10日</option>
                <option value="9">9日</option>
                <option value="8">8日</option>
                <option value="7">7日</option>
                <option value="6">6日</option>
                <option value="5">5日</option>
                <option value="4">4日</option>
                <option value="3">3日</option>
                <option value="2">2日</option>
                <option value="1">1日</option>
              </select>
            </li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">实际租赁时长：</span></li>
            <li><span style="font-size:16px;color:#0000ff;">{{getReturnTimeDiffStart(leaseForm)}}天</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">实际租金：</span></li>
            <li><span style="font-size:16px;color:#ff0000;">{{getRealRentTotal(leaseForm)}}元</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">已缴租金：</span></li>
            <li><span style="font-size:16px;color:#ff0000;">{{getAlreadyRentTotal(leaseForm)}}元</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">已缴押金：</span></li>
            <li><span style="font-size:16px;color:#ff0000;">{{getAlreadyPledge(leaseForm)}}元</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:280px;">已缴费用合计（已缴租金 + 已缴押金）：</span></li>
            <li><span style="font-size:16px;color:#ff0000;">{{getAlreadyPay(leaseForm)}}元</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:100px;">支付方式：</span></li>
            <li><span>{{getPayWayName(leaseForm.payWay)}}</span></li>
          </ul>
          <ul>
            <li><span class="tit" style="width:280px;">应退（已缴租金 + 已缴押金 - 实际租金）：</span></li>
            <li><span style="font-size:16px;color:#0000ff;">{{getMoneyToReturn(leaseForm)}}元</span></li>
            <!--
            <li><span style="font-size:16px;color:#0000ff;">无</span></li>
            -->
          </ul>
          <ul>
            <li><span class="tit" style="width:70px;">实退：</span></li>
            <li><span>
              <input type="text" placeholder="请输入金额" style="width:100px;" v-model="leaseForm.returnMoney"/>
              </span></li>
          </ul>
          <ul style="top:-20px;">
            <li>
              <input type="button" value="确认退租" class="button button1" v-on:click="lease_surrender(leaseForm);" style="height:38px;"/>
            </li>
          </ul>
          <h3></h3>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script>
<script src="js/common_date.js"></script>
<script src="js/common_function.js"></script>
<script src="js/busi/lease_surrender.js"></script>
</body>
</html>
